<!-- Mis Puntos -->
<h2 class="acc_barra" id="mispuntos"><a href="#">Mis Puntos</a></h2>
<div style="display: none;" class="acc_contenedor">
<input type="hidden" id="titulo" value="5" name="titulo"/>
<!-- Inicio Barra Mis Puntos -->
  	<div id="div_mispuntosPpal">
  		<div class="minimenu" id="minimenuMispuntosPpal">
		    <div id="barra_mis_puntos" class="barra_acordeon">
		      <ul>
		        <li><a href="javascript:" class="icono tildar" onclick="checkAllOptions('boxPoints[]', true);" onmouseover="minimenuInfoSet('minimenuMispuntosPpal', 'Seleccionar todos los puntos');" onmouseout="minimenuInfoSet('minimenuMispuntosPpal', '');"></a></li>
		        <li><a href="javascript:" class="icono destildar"  onclick="checkAllOptions('boxPoints[]', false);" onmouseover="minimenuInfoSet('minimenuMispuntosPpal', 'No seleccionar ningun punto');" onmouseout="minimenuInfoSet('minimenuMispuntosPpal', '');"></a></li>
		        <?php if ($LOGIN->PERMISOS[7]){ ?>
		        <li><a href="javascript:" class="icono nuevo_punto" onclick="nuevoPunto();" onmouseover="minimenuInfoSet('minimenuMispuntosPpal', 'Crear un nuevo punto');" onmouseout="minimenuInfoSet('minimenuMispuntosPpal', '');"></a></li>
		        <li><a href="javascript:" class="icono nuevo_grupo_puntos" onclick="nuevoGrupo();" onmouseover="minimenuInfoSet('minimenuMispuntosPpal', 'Crear un nuevo grupo de puntos');" onmouseout="minimenuInfoSet('minimenuMispuntosPpal', '');"></a></li>
		         <?php } ?>
		        <li><a href="javascript:" class="icono ver_puntos" onclick="verPuntosSeleccionados();" onmouseover="minimenuInfoSet('minimenuMispuntosPpal', 'Ver los puntos seleccionados');" onmouseout="minimenuInfoSet('minimenuMispuntosPpal', '');"></a></li>
		        <li><a href="javascript:" class="icono ocultar_puntos" onclick="ocultarPuntosSeleccionados();" onmouseover="minimenuInfoSet('minimenuMispuntosPpal', 'Ocultar los puntos seleccionados');" onmouseout="minimenuInfoSet('minimenuMispuntosPpal', '');"></a></li>
		        <?php 
		        if ($LOGIN->PERMISOS[7]){
	        		if(!$LOGIN->isBykom){?>
	        		<li><a href="javascript:" class="icono visibles_puntos" onclick="defaultPuntosSeleccionados();" onmouseover="minimenuInfoSet('minimenuMispuntosPpal', 'Configurar los puntos seleccionados como visibles por defecto');" onmouseout="minimenuInfoSet('minimenuMispuntosPpal', '');"></a></li>
	        		<?php }?>
		        <li><a href="javascript:" class="icono eliminar_puntos" onclick="eliminarPuntos();" onmouseover="minimenuInfoSet('minimenuMispuntosPpal', 'Eliminar los puntos seleccionados',true);" onmouseout="minimenuInfoSet('minimenuMispuntosPpal', '');"></a></li>
		        <li><a href="javascript:" class="icono puntos_seguros" onclick="seguroPuntos(true)" onmouseover="minimenuInfoSet('minimenuMispuntosPpal', 'Marcar puntos como seguros',true);" onmouseout="minimenuInfoSet('minimenuMispuntosPpal', '');"></a></li>
		        <li><a href="javascript:" class="icono puntos_inseguros" onclick="seguroPuntos(false)" onmouseover="minimenuInfoSet('minimenuMispuntosPpal', 'Marcar puntos como NO seguros', true);" onmouseout="minimenuInfoSet('minimenuMispuntosPpal', '');"></a></li>
		        <?php if ($LOGIN->objetivo == 3 && !$LOGIN->isBykom){ //solo si es flota?>
		        <li><a href="javascript:" class="icono publicar" onclick="publicarPuntos(true);" onmouseover="minimenuInfoSet('minimenuMispuntosPpal', 'Publicar puntos seleccionados', true);" onmouseout="minimenuInfoSet('minimenuMispuntosPpal', '');"></a></li>
		        <li class="ultimo"><a href="javascript:" class="icono despublicar" onclick="publicarPuntos(false);" onmouseover="minimenuInfoSet('minimenuMispuntosPpal', 'No publicar puntos seleccionados',true);" onmouseout="minimenuInfoSet('minimenuMispuntosPpal', '');"></a></li>
		         <?php } 
		        } ?>
		      </ul>
		    </div>
	    <div class="infoBar"></div>
		</div>
	    <!-- Fin Barra Mis Puntos -->
	    <div class="block" style="padding:0;">
	       <!-- CONTENIDO PRINCIPAL -->
	        <div class="minimenuContent">
			<table border="0" width="250">
	        	<tr>
	            	<td>
	            		<div id="divListaPuntos"></div>
	                 </td>
				</tr>
			</table>
	   		</div>
	  	</div>
	</div>
	<div id="div_nuevoPunto" style="display:none">
            	<!-- MENU MODIFICAR/CREAR PUNTO -->
            	<div class="minimenu" id="minimenuMispuntosNew">
                	<div class="barra_acordeon">
	            		<ul>
			       			<li><a href="javascript:" class="icono volver" onclick="javascript: if (document.getElementById('puntoIdHID').value=='') cleanEstadoNuevoPunto(); else cleanEstadoModificarPunto();" onmouseover="minimenuInfoSet('minimenuMispuntosNew', 'Volver al panel de administracion de puntos');" onmouseout="minimenuInfoSet('minimenuMispuntosNew', '');"></a></li>
	                    	<li><a href="javascript:" class="icono limpiar" onclick="javascript: if (document.getElementById('puntoIdHID').value=='') cleanFormNuevoPunto(); else cleanFormModificarPunto();" onmouseover="minimenuInfoSet('minimenuMispuntosNew', 'Limpiar formulario de alta de puntos');" onmouseout="minimenuInfoSet('minimenuMispuntosNew', '');"></a></li>
							<li id="busquedaPuntoDireccion"><a href="javascript:" class="icono busqueda" onclick="buscarPunto();" onmouseover="minimenuInfoSet('minimenuMispuntosNew', 'Localizar punto segun direccion');" onmouseout="minimenuInfoSet('minimenuMispuntosNew', '');"></a></li>
							<li><a href="javascript:" class="icono busqueda" onclick="buscarPuntoLatLon();" onmouseover="minimenuInfoSet('minimenuMispuntosNew', 'Localizar punto por latitud y longitud');" onmouseout="minimenuInfoSet('minimenuMispuntosNew', '');"></a></li>
	                        <li><a href="javascript:" class="icono guardar" onclick="guardarPunto();" onmouseover="minimenuInfoSet('minimenuMispuntosNew', 'Guardar el punto creado');" onmouseout="minimenuInfoSet('minimenuMispuntosNew', '');"></a></li>
                       </ul>
                	</div>
                	<div class="infoBar"></div>
            	</div>
                <!-- CONTENIDO NUEVO PUNTO -->
                <div class="minimenuContent block">
                <table border="0" width="220">
                  <tr>
                  	<td colspan="3">
                       <span class="sectionTITLE" id="newPointTitle"></span>
                       <input type="hidden" id="puntoIdHID" name="puntoIdHID" value="" />
                    </td>
                  </tr>
                  <tr>
                  	<td colspan="3">
                       <span class="sectionDESC" id="newPointDesc"></span>
                       <hr/>
                       <div id="newPointErrorDisplay" class="errorDisplay" style="display:none"></div>
                    </td>
                  </tr>
                  <tr>
                  	<td width="80px">
                       <span class="inputLBL">Latitud:</span>
                    </td>
                    <td>
                       <span class="inputTEXT" id="newLatitud"></span>
                    </td>
                    <td></td>
                  </tr>
                  <tr>
                  	<td>
                       <span class="inputLBL">Longitud:</span>
                    </td>
                    <td>
                       <span class="inputTEXT" id="newLongitud"></span>
                    </td>
                    <td></td>
                  </tr>
                  <tr>
                  	<td>
                       <span class="inputLBL">Nombre:</span>
                    </td>
                    <td>
                       <input type="text" name="nombrePunto" id="nombrePunto" class="gmapInputText" size="30" maxlength="100" value="">
                    </td>
                    <td>
                    	<span class="campoObligatorio">*</span>
                    </td>
                  </tr>
                  <tr>
                  	<td>
                       <span class="inputLBL">Tipo:</span>
                    </td>
                    <td>
                       <select name="tipoPunto" id="tipoPunto" class="gmapSelect" onChange="javascript: changeTipoPunto(this.options[this.selectedIndex].value);">
						   <option value="0" selected="selected"></option>
					   </select>
                    </td>
                    <td>
                    	<span class="campoObligatorio">*</span>
                    </td>
                  </tr>
                  <tr>
                  	<td>
                       <span class="inputLBL">Grupo:</span>
                    </td>
                    <td>
                       <select name="gruposPunto" id="gruposPunto" class="gmapSelect" >
						   <option value="0" selected="selected"></option>
					   </select>
                    </td>
                    <td></td>
                  </tr>
                  <tr>
                  	<td valign="top">
                       <span class="inputLBL">Descripcion:</span>
                    </td>
                    <td>
                       <textarea name="descPunto" id="descPunto" cols="25" rows="3" class="gmapInputText"></textarea>
                    </td>
                  </tr>
                    <?php if($LOGIN->isBykom){ ?>
                      <tr>
	                  	<td valign="top">
	                       	<span class="inputLBL">Tolerancia:</span>
                        </td>
	                    <td>
	                    	<input class="gmapInputText" type="text" name="toleranciaMisPuntos" id="toleranciaMisPuntos" maxlength="100" value="<?=PTO_SEGURO_TOLERANCIA_DEFAULT?>"/>
	                       	<span class="campoObligatorio">*</span>
                        </td>
	                  </tr>
                    <?php }?>
                  <tr>
                  	<td valign="top">
                       <span class="inputLBL">Seguro:</span>
                    </td>
                    <td>
                       <input type="checkbox" id="puntoSeguroCHK" name="puntoSeguroCHK"/>
                       <img src="images/puntoSeguro.gif" width="16" height="16" border="0"/>
                    </td>
                    <td></td>
                  </tr>
                  <?php if ($LOGIN->objetivo == 3 && !$LOGIN->isBykom){?>
                  <tr>
                  	<td valign="top">
                       <span class="inputLBL">Publico:</span>
                    </td>
                    <td>
                      	 <input type="checkbox" id="puntoPublicoCHK" name="puntoPublicoCHK"/>
                       	 <img src="images/puntoPublico.gif" width="16" height="16" border="0"/>
                    </td>
                    <td></td>
                  </tr>
                  <?php } ?>
                </table>
                </div>
             </div>

             <!-- MENU BUSCAR PUNTO -->
              <div id="div_searchPunto" style="display:none">
              	<div class="minimenu" id="minimenuMispuntosSearch">
                	<div class="barra_acordeon">
	            		<ul>
			       			 <li><a href="javascript:" class="icono volver" onclick="backBuscarPunto();" onmouseover="minimenuInfoSet('minimenuMispuntosSearch', 'Cancelar busqueda');" onmouseout="minimenuInfoSet('minimenuMispuntosSearch', '');"></a></li>
			       			 <li><a href="javascript:" class="icono busqueda"  id="buscarPuntoButton" style="visibility:hidden;" onclick="searchPointByGoogle();" onmouseover="minimenuInfoSet('minimenuMispuntosSearch', 'Localizar punto en el mapa');" onmouseout="minimenuInfoSet('minimenuMispuntosSearch', '');"></a></li>
						</ul>
                	</div>
                	<div class="infoBar"></div>
            	</div>
                <div id="conectandoSearchPunto" style="display:none" class="block">
                 <br/>
            		<table width="220" align="center" bgcolor="#FFFFFF" border="1" bordercolor="#999999">
		            	<tr>
        		        	<td width="60" align="center"><img src="images/mundo.gif" /></td>
                			<td valign="middle" align="center"><span id="conectandoGeo" class="resaltado" style="background:white;">Conectando con Google GeoPos...</span></td>
		                </tr>
        		    </table>
                </div>
                <div id="conectandoSearchPuntoError"  class="block" style="display:none">
                 <br/>
            		<table width="250" align="center" bgcolor="#FFFFFF" border="1" bordercolor="#999999">
		            	<tr>
        		        	<td width="60" align="center"><img src="images/alerta.jpg" /></td>
                			<td valign="middle" align="center"><span id="errorConectandoGeo" class="resaltado" style="background:white;">Ocurrio un error intentando conectarse con los servicios de Google GeoPos, </span><a onClick="buscarPuntoRefresh();"><span class="resaltado" style="color:blue; text-decoration:underline;"> reintentar </span></a></td>
		                </tr>
        		    </table>
                </div>
                <div class="block">
            		<iframe frameborder="0" name="_iframe-searchPunto" id="_iframe-searchPunto" style="margin: 0pt; padding: 0pt; width: 100%; height: 200px;overflow: hidden;" marginwidth="0" marginheight="0" src="">
                	</iframe>
                </div>
              </div>

              <!-- MENU BUSCAR PUNTO X LATITUD Y LONGITUD-->
              <div id="div_searchPuntoLatLon" style="display:none">
              	<div class="minimenu" id="minimenuMispuntosSearchLatLon">
                	<div class="barra_acordeon">
	                	<ul>
		            		<li><a href="javascript:" class="icono volver" onclick="backBuscarPunto();" onmouseover="minimenuInfoSet('minimenuMispuntosSearchLatLon', 'Cancelar busqueda');" onmouseout="minimenuInfoSet('minimenuMispuntosSearchLatLon', '');"></a></li>
	                    	<li><a href="javascript:" class="icono busqueda" id="buscarPuntoLatLonButton" onclick="searchPointByLatLon();" onmouseover="minimenuInfoSet('minimenuMispuntosSearchLatLon', 'Localizar latitud y longitud en el mapa');" onmouseout="minimenuInfoSet('minimenuMispuntosSearchLatLon', '');"></a></li>
	                    </ul>
                	</div>
                	<div class="infoBar"></div>
            	</div>
            	<div class="block">
	            	<table>
	            		<tr>
	                  	<td width="80">
	                       <span class="inputLBL">Latitud:</span>
	                    </td>
	                    <td>
	                       <input type="text" class="gmapInputText" id="searchLatitud"/>
	                    </td>
	                  </tr>
	                  <tr>
	                  	<td>
	                       <span class="inputLBL">Longitud:</span>
	                    </td>
	                    <td>
	                       <input type="text" class="gmapInputText" id="searchLongitud"/>
	                    </td>
	                  </tr>
	            	</table>
				</div>
              </div>

              <!-- NUEVO GRUPO -->
			  <div id="div_nuevoGrupo" style="display:none">
            	<!-- MENU MODIFICAR/CREAR GRUPO -->
            	<div class="minimenu" id="minimenuMispuntosNewGroup">
                	<div class="barra_acordeon">
                		<ul>
		            		<li><a href="javascript:" class="icono volver" onclick="cleanEstadoNuevoGrupo();" onmouseover="minimenuInfoSet('minimenuMispuntosNewGroup', 'Volver al panel de administracion de puntos');" onmouseout="minimenuInfoSet('minimenuMispuntosNewGroup', '');"></a></li>
	                    	<li><a href="javascript:" class="icono limpiar" onclick="javascript: if (document.getElementById('grupoIdHID').value=='') cleanFormNuevoGrupo(); else cleanFormModificarGrupo();" onmouseover="minimenuInfoSet('minimenuMispuntosNewGroup', 'Limpiar formulario de alta de grupos');" onmouseout="minimenuInfoSet('minimenuMispuntosNewGroup', '');"></a></li>
	                        <li><a href="javascript:" class="icono guardar" onclick="cMapController.getMapActive().guardarGrupo();" onmouseover="minimenuInfoSet('minimenuMispuntosNewGroup', 'Guardar el grupo creado');" onmouseout="minimenuInfoSet('minimenuMispuntosNewGroup', '');"></a></li>
                       </ul>
                	</div>
                	<div class="infoBar"></div>
            	</div>
                <!-- CONTENIDO NUEVO GRUPO -->
                <div class="minimenuContent block">
	                <table border="0" width="250">
	                  <tr>
	                  	<td colspan="2">
	                       <span class="sectionTITLE" id="newGroupTitle"></span>
	                       <input type="hidden" id="grupoIdHID" name="grupoIdHID" value="" />
	                    </td>
	                  </tr>
	                  <tr>
	                  	<td colspan="2">
	                       <span class="sectionDESC" id="newGroupDesc"></span>
	                       <hr/>
	                       <div id="newGroupErrorDisplay" class="errorDisplay" style="display:none"></div>
	                    </td>
	                  </tr>
	                  <tr>
	                  	<td>
	                       <span class="inputLBL">Nombre:</span>
	                    </td>
	                    <td>
	                       <input type="text" name="nombreGrupo" id="nombreGrupo" class="gmapInputText" size="30" maxlength="100" value="">
	                       <span class="campoObligatorio">*</span>
	                    </td>
	                  </tr>
	                  <tr>
	                  	<td valign="top">
	                       <span class="inputLBL">Descripcion:</span>
	                    </td>
	                    <td>
	                       <textarea name="descGrupo" id="descGrupo" cols="25" rows="3" class="gmapInputText"></textarea>
	                    </td>
	                  </tr>
	                </table>
                </div>
             </div>

</div>